<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 1、图标可以放到站点根目录下（不推荐影响网络部署）；2、通过link标签创建图标 -->
    <link rel="shortcut icon" href="../歌词滚动效果/素材/歌曲.png" type="image/x-icon">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <audio src="./素材/永恒的星斗/永恒的星斗.mp3" controls></audio>
    <div class="container">
        <ul class="lrc-list">
            <!-- <li>Lorem, ipsum dolor.</li>
            <li>Eligendi, quasi totam.</li>
            <li>Aliquam, iure voluptatum.</li>
            <li class="active">Pariatur, molestias perspiciatis?</li>
            <li>Velit, sed error!</li>
            <li>Adipisci, ducimus consequatur!</li>
            <li>Aperiam, officiis officia.</li>
            <li>Enim, maxime asperiores?</li>
            <li>Quibusdam, harum eum?</li>
            <li>Nihil, praesentium tempora?</li>
            <li>Tempora, dolor odio!</li>
            <li>Suscipit, quas nostrum!</li>
            <li>Quibusdam, quo quis?</li>
            <li>Nostrum, molestiae placeat.</li>
            <li>Nulla, minus omnis.</li>
            <li>Labore, corrupti error?</li>
            <li>Optio, neque voluptatem!</li>
            <li>Quidem, cum dolorum.</li>
            <li>Repellendus, enim neque.</li>
            <li>Enim, vero odio?</li>
            <li>Repellat, et tenetur.</li>
            <li>Cupiditate, quibusdam sed?</li>
            <li>Vero, eveniet enim!</li>
            <li>Aliquid, unde nobis!</li>
            <li>Quaerat, aperiam velit.</li>
            <li>Inventore, quam saepe?</li>
            <li>Assumenda, in non!</li>
            <li>Quibusdam, optio aspernatur.</li>
            <li>Officia, at dolorem!</li>
            <li>Dicta, nostrum repudiandae.</li> -->
        </ul>
    </div>
    <script src="./JS/lrc.js"></script>
    <script src="./JS/index.js"></script>
</body>
</html>